* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.app {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100vw;
    min-height: 100vh;
    gap: 5vw;
    background-color: #242424;
    user-select: none;
}

.hangar {
    display: flex;
    align-items: center;
    padding: 1vw;
    gap: 1vw;
    min-width: 25vw;
    min-height: 10vh;
    margin-bottom: 5vh;
    border-radius: 1rem;
    background-color: #4c946f4b;
}

.ship {
    width: 8vh;
    height: 8vh;
    border-radius: 0.5rem;
    font-size: 4vh;
    font-weight: bold;
    text-align: center;
    line-height: 8vh;
    color: #242424;
    background-color: #f9d404;
}

.destination {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 25vw;
    min-height: 30vh;
    border-radius: 1rem;
    font-size: 3vw;
    font-weight: bold;
    color: #5e5e5e;
    background-color: #8d5e494b;
}


/* 拖拽的代理元素样式 */
.draging {
    /* 一定要加!important才能覆盖默认的半透明效果 */
    opacity: 1 !important;
}

.ghost {
    visibility: hidden;
}